<template>
    <fieldset>
        <legend>子组件</legend>
        <h1>子组件</h1>
        <h2>父组件传递的：{{gg}}</h2>
        <button @click="handle">点击传递父组件</button>
    </fieldset>
</template>
<script>
    // props数据校验的方法，会给错误的执行警告，不会影响代码的执行结果
    export default{
        // props:["gg"],
        props:{
            gg:{
                //类型
                type:Number,
                //是否必传
                required:true,
                //默认值
                default(){
                    return '默认值'
                },
            }
        },
        computed: {
            fulName(){
               console.log(this.gift); 
               console.log(this.name);
               return this.firstName+this.name
            }
        },
        data(){
            return{
                gift:"vue从入门到精通",
                name:"喜之郎",
                firstName:'太空人'
            }
        },
        methods: {
            handle(){
                console.log(12318);
                this.$emit("rec",this.gift)
            }
        }
    }
</script>